<!DOCTYPE html>
<html ng-app="howMuch">
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        
        <script type="text/javascript" src="js/libs/angular.min.js"></script>
        <script type="text/javascript" src="js/libs/jquery-1.10.2.min.js"></script>

        <script type="text/javascript" src="js/libs/angular-route.min.js"></script>
        <script type="text/javascript" src="js/libs/angular-resource.min.js"></script>

        <script type="text/javascript" src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
        <script type="text/javascript" src="js/libs/tinymce.js"></script>

        <script type="text/javascript" src="js/libs/ng-grid.js"></script>
        <script src="js/libs/ng-grid-csv-export.js"></script>

        <link rel="stylesheet" type="text/css" href="css/angular-multi-select.css" />
        <script type="text/javascript" src="js/libs/angular-multi-select.js"></script>

        <script type="text/javascript" src="js/libs/angular-translate.min.js"></script>
        <script type="text/javascript" src="js/libs/angular-translate-loader-static-files.min.js"></script>
        
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
        <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        
        <script type="text/javascript" src="js/libs/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/libs/jquery.noty.packaged.min.js"></script>

        <!-- https://github.com/usablica/intro.js/ -->
        
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        
        <script type="text/javascript" src="js/common.js"></script>
        
        <script type="text/javascript" src="js/libs/ui-bootstrap-tpls-0.11.0.min.js"></script>
        <script type="text/javascript" src="js/libs/ngFilterExtensions.js"></script>
        <script type="text/javascript" src="js/services.js"></script>
        <script type="text/javascript" src="js/controllers.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
            
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/ng-grid.css" rel="stylesheet" type="text/css" />
        <link href="css/grid-addons-style.css" rel="stylesheet" type="text/css" />
        
        <title>PyHowMuch - Make your Invoices!</title>

    </head>
    <body>
    <header class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a href="" class="navbar-brand"><i class="fa fa-indent"></i> PyHowMuch</a>
            </div>
            <div class="navbar-collapse collapse">
                <div id="user_menu" class="nav navbar-nav navbar-right">
                    <a id="user_menu_key" class="dropdown-toggle" data-toggle="dropdown">
                        <span><i class="fa fa-user fa-fw"></i></span>
                        <span>{{init_string}}</span>
                        <span><i class="fa fa-caret-down fa-fw"></i></span>
                    </a>
                    <div class="dropdown-menu user_detail">
                        <div class="logout"><a href="#/settings">
                            <span class="fa fa-cog"></span>
                            <div>settings</div>
                        </a></div>
                        <div class="logout"><a href="#">
                            <span class="fa fa-question"></span>
                            <div>FAQ</div>
                        </a></div>
                        <div class="logout"><a href="{{redirect_url}}">
                            <span class="fa fa-sign-out"></span>
                            <div>logout</div>
                        </a></div>
                        <!--<div class="user_profile">
                            <form name="userProfileForm" class="edit_user_info">
                                <div class="input-group form_field first_field full_field">
                                        <input type="text" name="user_name" id="user_name" class="form-control" placeholder="First name" />
                                    </div>
                                    <div class="input-group form_field first_field full_field">
                                        <input type="text" name="user_last_name" id="user_last_name" class="form-control" placeholder="Last name" />
                                    </div>
                                    <div class="input-group form_field first_field full_field">
                                        <input type="text" name="user_address" id="user_address" class="form-control" placeholder="Address" />
                                    </div>
                                    <div class="input-group form_field first_field full_field">
                                        <input type="text" name="user_iban" id="user_iban" class="form-control" placeholder="IBAN" />
                                    </div>
                                    <div class="input-group form_field first_field full_field">
                                        <input type="text" name="user_vat_number" id="user_vat_number" class="form-control" placeholder="VAT number" />
                                    </div>
                                    <div class="input-group form_field first_field full_field">
                                        <button class="btn btn-default fa fa-floppy-o" type="button" id="edit_user">Save</button>
                                    </div>
                            </form>
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </header>
    <aside class="sidebar">
        <ul class="nav nav-tabs nav-stacked" id="main_menu">
            <li class="active" id="dashboard"><a href="#">
                <span class="menu_item_icon fa fa-dashboard"></span>
                <span class="menu_item_title">Control Panel</span>
            </a></li>
            <li id="customers"><a href="#/customers">
                <span class="menu_item_icon fa fa-users"></span>
                <span class="menu_item_title">Customers</span>
            </a></li>
            <li id="projects"><a href="#/projects">
                <span class="menu_item_icon fa fa-cogs"></span>
                <span class="menu_item_title">Projects</span>
            </a></li>
            <li id="sessions"><a href="#/sessions">
                <span class="menu_item_icon fa fa-clock-o"></span>
                <span class="menu_item_title">Work Sessions</span>
            </a></li>
            <li id="invoices"><a href="#/invoices">
                <span class="menu_item_icon fa fa-euro"></span>
                <span class="menu_item_title">Invoices</span>
            </a></li>
        </ul>
    </aside>
    <div class="main_container">
        <div class="container-fluid" ng-view></div>
    </div>
    </body>
</html>
